<template>
  <div class="blacklist">
    <div class="blacklist_con"
    :style="{'height':(winHei-65)+'px'}">
      <div class="blacklist_main"
      :style="{'height':(winHei-65-50)+'px'}">

          <div class="no_blacklist">

            <div class="upFileBox">
              <div class="upFileBoxCon">
                <img src="@/assets/img/home/upFile.png" alt="">
                <span>点击上传黑名单文件</span>
              </div>
              <input type="file">
            </div>

          </div>

      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'blacklist',
  components: {

  }
}
</script>
<style lang="less" scoped>
  .blacklist{
    width: 100%;
    .blacklist_con{
      .blacklist_main{
        padding: 25px;
        overflow-y: auto;
        .no_blacklist{
          background-color: #fff;
          height: 100%;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          .upFileBox{
          	width: 200px;
          	height: 140px;
          	background-color: #fafafa;
          	border: 1px dashed #d9d9d9;
          	position: relative;
          	.upFileBoxCon{
          		width: 200px;
          		height: 140px;
          		display: flex;
          		flex-direction: column;
          		justify-content: center;
          		align-items: center;
          		img{
          			display: block;
          			width: 36px;
          			height: 36px;
          		}
          		span{
          			display: block;
          			text-align: center;
          			color: #252525;
          			font-size: 12px;
          			line-height: 22px;
          			margin-top: 15px;
          		}
          	}
          	input{
          		display: block;
          		position: absolute;
          		top: 0;
          		left: 0;
          		width: 100%;
          		height: 100%;
          		opacity: 0;
          		cursor: pointer;
          	}
          }
          .upFileBox:hover{
          	border-color: #ff8040;
          }
        }
      }
    }
  }
</style>
